<template>
	<view class="view">
		<image class="image" :src="view.image" alt="" />
		<text class="text"> {{view.title }}</text>
	</view>
</template>

<script>
	export default {
		name: "CategoryRightBar",
		props: {
			view: {
				type: Object,
				default () {
					return {};
				},
			},
		},
		mounted() {
			this.$emit("doneView");
		},
	};
</script>
<style lang="scss" scoped>
	.view {
		width: 150rpx;
		height: 200rpx;
		text-align: center;
		/*#ifdef MP-WEIXIN || APP*/
		// margin-right: 16rpx;
		margin-left: 20rpx;
		/*#endif*/
	}

	.image {
		height: 140rpx;
		width: 140rpx;
	}

	.text {
		text-decoration: none;
		color: #ff534d;
		font-size: 0.9rem;
	}
</style>
